@charset
"utf-8";
/* CSS Document */

/*公共*/
html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt,
var ,
b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed,
    figure, figcaption, footer, header, hgroup,
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font - size
:
    100 %;
    font: inherit;
    vertical - align
:
    baseline;
    font - family
:
    arial, "Lantinghei SC", "Microsoft Yahei";
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, main
{
    display: block;
}
ul, li, ol
{
    list - style
:
    none;
}
dl, dd
{
    margin:auto;
}

.
am - btn
{
    font - size
:
    12
    px;
}

html
{
    width:100 %;
    height:100 %;
    -ms - text - size - adjust
:
    none;
    -webkit - text - size - adjust
:
    none;
    -moz - text - size - adjust
:
    none;
    -o - text - size - adjust
:
    none;
}
/*text-size-adjust不管屏幕怎么变文字大小不变*/

body
{
    margin:0;
    padding:0;
    width:100 %;
    font - size
:
    12
    px;
    font - family
:
    arial, "Lantinghei SC", "Microsoft Yahei";

}


a:link, a
:
visited, a
:
hover
{
    text - decoration
:
    none;
    outline:none;
}
/*所有超链接不要下划线*/

*, *:
after,
*:
before
{
    -webkit - box - sizing
:
    border - box;
    -moz - box - sizing
:
    border - box;
    -o - box - sizing
:
    border - box;
    box - sizing
:
    border - box;
}
/*任何标签、包括它前面、后面生成的内容都不要影响盒子的边框*/

.
clear
{
    clear:both
}

img, input
{
    vertical - align
:
    middle;
}
a
{
    color: #
    000;
    text - decoration
:
    none;
}


.
spatic
{
    width:100 %;
    height:16
    px;
}
h5
{
    float: right;
    color: #
    666;
    padding - right
:
    20
    px;
}

input.add, input.min
{
    width:15
    px
}
.
last
{
    border - right
:
    none
    !important;
}
/*选项卡样式定义*/
.
am - nav - tabs,
.
am - tabs - bd
{
    border - color
:
    transparent;
}
.
am - nav - tabs > li.am - active > a,
.
am - nav - tabs > li.am - active > a
:
hover,
.
am - nav - tabs > li.am - active > a
:
focus,
.
am - nav - tabs > li > a
:
hover ,
.
am - nav - tabs > li > a
:
focus
{
    color: #
    555555;
    background:none;
    border - color
:
    transparent;
    cursor: default
    ;
}
.
am - nav - tabs > li
{
    border - bottom
:
    2
    px
    solid
    transparent;
}
.
am - nav - tabs > li.am - active
{
    border - bottom
:
    2
    px
    solid #F03726;
}
.
am - tabs - nav
li
{
    max - width
:
    216
    px;
    height:36
    px;
    font - size
:
    16
    px;
    line - height
:
    36
    px;
}
.
am - tabs - nav
li
a,
.
am - tabs - nav
li.am - active
a
{
    cursor: pointer;
}

/*选项卡样式*/
.
am - nav - tabs > li.am - active
span
{
    color: #
    E4393C;
    font - size
:
    16
    px;
}
.
am - nav - tabs > li
span
{
    font - size
:
    16
    px;
    font - weight
:
    700;
}


/*浮动框*/
.
nav.white
{
    position:fixed;
    top:0;
    width:100 %;
    z - index
:
    1099;
    margin:0
    px
    auto;
    background:#
    fff;
}
.
nav.white.logo
{
    float:left;
    height:41
    px;
    width:70
    px;
    margin: 6
    px
    auto;
}
.
logoBig
{
    display:none;
}
.
logo
img
{
    width:100 %
}

/*搜索框*/
.
search - bar
{
    height:41
    px;
    margin: 8
    px
    20
    px
    0
    75
    px;
}
.
search - bar
form
{
    border:2
    px
    solid #F03726;
    max - width
:
    670
    px;
}
.
search - bar
input
{
    padding - left
:
    5
    px;
    height:32
    px;
    width:78 %;
    outline:none;
    font - size
:
    12
    px;
    border:none
}
#ai - topsearch
{
    width:20 %;
    height:32
    px;
    border:none;
    float:right;
    background: #
    F03726
    none
    repeat
    scroll
    0 % 0 %;
    color: #
    F5F5F2;
    font - size
:
    14
    px;
    cursor:pointer;
    border - radius
:
    0
    px
    0
    px;
}

/* 分类*/
.
long - title,
.
nav - cont
{
    display: none;
}

/*侧边导航*/
.
mui - mbar - tabs
{
    display:none;
}

.
header
{
    display:none;
    max - width
:
    1000
    px;
    margin:0
    px
    auto;
    font - size
:
    12
    px;
}

.
footer - bd
{
    display:none
}
.
footer
{
    text - align
:
    center;
    border - top
:
    2
    px
    solid #F8F8F8
    margin - top
:
    20
    px;
    padding - top
:
    5
    px;
    margin - bottom
:
    60
    px;
}
.
footer - hd
{
    display: block;
}
.
tip
{
    display:none
}


.
navCir
{
    position: fixed;
    bottom:0
    px;
    width: 100 %;
    z - index
:
    999;
    background:#
    fff;
}
.
navCir
li
{
    width: 25 %;
    padding:5
    px;
    background:#
    fff;
    border - top
:
    1
    px
    solid #f5f5f5;
    float: left;
    text - align
:
    center;
    font - size
:
    14
    px;
}
.
navCir
li
i
{
    display: block;
    font - size
:
    18
    px;
}
.
navCir
li.active
a
{
    color:#
    F03726;
}

@media
only
screen
and(min - width
:
640
px
)

{


    /*公共*/
    html, body, div, span, applet, object, iframe,
        h1, h2, h3, h4, h5, h6, p, blockquote, pre,
        a, abbr, acronym, address, big, cite, code,
        del, dfn, em, img, ins, kbd, q, s, samp,
        small, strike, strong, sub, sup, tt,
    var ,
    b, u, i, center,
        dl, dt, dd, ol, ul, li,
        fieldset, form, label, legend,
        table, caption, tbody, tfoot, thead, tr, th, td,
        article, aside, canvas, details, embed,
        figure, figcaption, footer, header, hgroup,
        menu, nav, output, ruby, section, summary,
        time, mark, audio, video
    {

        font - size
    :
        14
        px;

    }


.
    nav.white
    {
        background: none;
    }
.
    header
    {
        display:block;
        height: 35
        px;
    }
.
    message - l
    {
        float:left;
    }
.
    message - l.topMessage
    {
        padding: 0
        px
        6
        px;
        height: 35
        px;
        line - height
    :
        35
        px;
    }
.
    message - r
    {
        float: right;
    }
.
    message - r.topMessage
    {
        float: left;
        padding: 0
        px
        6
        px;
        height: 35
        px;
        line - height
    :
        35
        px;
    }

.
    nav.white.logo
    {
        display:none;
    }
.
    nav.white.logoBig
    {
        display:block;
        float:left;
        height:56
        px;
        width:115
        px;
        margin:0
        px
        auto;
        margin - left
    :
        5 %
    }
.
    nav.white.logoBig
    img
    {
        width:100 %;
    }
.
    my - cart
    {
        width: 46
        px;
        height: 46
        px;
    }
.
    search - bar
    {
        height: 51
        px;
        margin: 0
        px
        50
        px
        0
        120
        px;
        padding - left
    :
        5 %;
    }
	#ai - topsearch
    {
        height: 46
        px;
    }
.
    search - bar
    input
    {
        width: 80 %;
        height:46
        px;
    }
.
    my - cart
    a
    {
        display:block;
        margin - top
    :
        5
        px
    }
.
    classified
    {
        display:none;
    }
.
    navCir
    {
        display:none;
    }
.
    nav.white
    {
        position:relative;
        top:0
        px;
        z - index
    :
        0;
    }
     #ai - topsearch
    {
        font - size
    :
        18
        px;
    }
    /*底部*/
.
    footer
    {
        text - align
    :
        left;
        display:block;
        position: relative;
        margin: 0
        px
        auto;
        padding: 7
        px
        0
        px
        9
        px;
        border - top
    :
        2
        px
        solid #FF5400;
        margin - top
    :
        20
        px;
    }
.
    footer.footer - bd
    p,
.
    footer.footer - hd
    p
    {
        margin - bottom
    :
        8
        px;
        line - height
    :
        27
        px;
        border - bottom
    :
        1
        px
        solid #DDD;
        text - align
    :
        left;
    }
.
    footer.footer - hd
    a
    {
        margin: 0
        px
        4
        px;
        white - space
    :
        nowrap;
        color: #
        6
        C6C6C;
    }
.
    footer.footer - hd
    b
    {
        margin: 0
        px
        3
        px;
        font - weight
    :
        400;
        color: #
        DDD;
    }
.
    footer.footer - bd
    p
    {
        border - bottom
    :
        none;
    }
.
    footer - bd
    {
        display:block;
    }
.
    header,
.
    nav.white
    {
        padding - right
    :
        40
        px;
    }
.
    bloglist
    {
        margin - top
    :
        0
        px;
    }
.
    shopMain
    {
        margin:0
        px
        5
        px;
    }
    /*选项卡样式*/
.
    am - nav - tabs > li
    span
    {
        font - size
    :
        16
        px;
        padding:5
        px
        15
        px;
    }
}
@media
only
screen
and(min - width
:
1025
px
)

{

.
    mui - mbar - tabs
    {
        display:block;
    }
.
    nav.white
    {
        padding - left
    :
        0
        px;
        max - width
    :
        1000
        px;
        margin:0
        px
        auto;
    }
.
    nav.white.logo
    {
        display:none;
    }
.
    nav.white.logoBig
    {
        display:block;
        float:left;
        height:90
        px;
        width:200
        px;
        margin - left
    :
        0
        px;
    }
.
    nav.white.logoBig
    li
    {
        float:left;
    }
.
    search - bar
    {
        height:90
        px;
        padding: 20
        px
        70
        px
        0
        230
        px;
        margin:auto;
    }

.
    my - cart
    {
        display:none;
        right:10 %;
        top:20
        px;
    }
.
    shopNavfloat
    {
        display:block;
        position:fixed;
        bottom:0
        px;
        left:30
        px;
    }
.
    shopMain
    {
        margin:0
        px
        40
        px
        0
        px
        5
        px;
    }
.
    shopCon
    li
    {
        width:20 %;
        padding:10
        px;
    }
.
    search - bar
    input
    {
        height: 46
        px;
    }
.
    search - bar
    {
        margin:0
        px
        auto;
    }
.
    tip
    {
        display:block;
    }


    /*分类*/
.
    nav - table
    {
        max - width
    :
        1000
        px;
        margin: 0
        px
        auto;
        height: 45
        px;
        position: relative;
        overflow: hidden;
    }
.
    all - goods
    {
        font - size
    :
        16
        px;
    }
.
    long - title
    {
        background:#
        d2364c;
        color:#
        fff;
        height: 45
        px;
        line - height
    :
        45
        px;
        display:block;
        position: absolute;
        width:150
        px;
        text - align
    :
        center;
        font - size
    :
        16
        px;
        top:0
        px;
        z - index
    :
        6;
    }
.
    nav - cont
    {
        position: absolute;
        padding - left
    :
        150
        px;
        display:block;
        width:100 %;
        top:0
        px
    }
.
    nav - cont
    li
    {
        float: left;
        height: 45
        px;
        line - height
    :
        45
        px;
    }
.
    nav - cont
    li::before
    {
        content: '\20';
        display: inline - block;
        height: 16
        px;
        border - right
    :
        1
        px
        solid #d9d9d9;
        width: 0;
        vertical - align
    :
        middle;
        margin - left
    :
        -1
        px;
    }
.
    nav - cont
    li
    a
    {
        font - size
    :
        16
        px;
        color: #
        333;
        line - height
    :
        36
        px;
        margin - left
    :
        -1
        px;
        padding: 0
        25
        px;
        text - decoration
    :
        none;
        font - weight
    :
        700;
        display: inline - block;
        vertical - align
    :
        middle;
    }

.
    nav - cont.nav - extra
    {
        position: absolute;
        right:0
        px;
        top:6
        px;
        font - size
    :
        16
        px;
        color:#
        fcff00;
        line - height
    :
        33
        px;
        height:33
        px;
        width:160
        px;
        text - align
    :
        center;
        background: url(..
        /../im
        ages / extra.png
    )
        ;
        cursor: pointer;
    }
.
    nav - cont.nav - extra
    i.nav - user
    {
        background:#
        000;
        color:#
        fff;
        width: 33
        px;
        height: 33
        px;
        border - radius
    :
        33
        px;
        position: absolute;
        left:-28
        px;
        z - index
    :
        99;
        padding: 5
        px;
        overflow: hidden;
    }
.
    nav - cont.nav - extra
    b
    {
        display:block;
        position: absolute;
        width: 45
        px;
        height: 45
        px;
        border - radius
    :
        45
        px;
        z - index
    :
        1;
        left: -33
        px;
        top: -8
        px;
        background: #
        fff;
    }
    b.line
    {
        display: block;
        width:100 %;
        height:2
        px;
        border - bottom
    :
        2
        px
        solid #d2364c;
        position: absolute;
        top:180
        px;
        z - index
    :
        5;
    }
}



@media
only
screen
and(min - width
:
1260
px
)
{
.
    am - container
    {
        max - width
    :
        1200
        px;
    }
.
    footer
    {
        max - width
    :
        1200
        px;
        margin: auto;
    }
    /*分类*/
.
    nav - table
    {
        max - width
    :
        1200
        px;
    }
.
    long - title
    {
        width:180
        px;
    }
.
    nav - cont
    {
        padding - left
    :
        180
        px;
    }

}


/*侧边信息栏*/
.
tip
{
    position:fixed;
    top:0
    px;
    right:0
    px;
    background - color
: #e1e1e1;
    min - height
:
    100 %;
    z - index
:
    1000;
}
#sidebar
{
    padding - top
:
    120
    px;
    width: 35
    px;
    position: absolute;
    right: 0;
    background - color
:#2
    b2b2b;
    min - height
:
    100 %;
    z - index
:
    100;
    color:#
    FFF;
}

#content
{
    width: 800
    px;
    margin: 0
    auto;
    height: 400
    px;
}
.
item
{
    text - align
:
    center;
    cursor: pointer;
    position:relative;
    padding - bottom
:
    3
    px;
}
.
item
span,
.
quick_toggle
li
span
{
    display: block;
    line - height
:
    38
    px;
    width: 35
    px;
    height: 38
    px;
    background: url(..
    /images/i
    bar_sprites.png
)
    no - repeat;
}
/*图标定位*/
.
item.setting
{
    position:absolute;
    top: 10
    px;
    left: 10
    px;
    width: 18
    px;
    height: 19
    px;
    background - position
:
    0
    0;
}
.
item:hover.setting
{
    background - position
:
    -33
    px
    0;
}
.
item.message
{
    position:absolute;
    top: 10
    px;
    left: 8
    px;
    width: 22
    px;
    height: 19
    px;
    background - position
:
    0
    px - 29
    px;
}
.
item:hover.message
{
    background - position
:
    -33
    px - 29
    px;
}
.
item.view
{
    position:absolute;
    width: 18
    px;
    height: 18
    px;
    background - position
:
    0 - 57
    px;
    top: 10
    px;
    left: 10
    px;
}
.
item:hover.view
{
    background - position
:
    -33
    px - 57
    px;
}
.
item.zuji
{
    position:absolute;
    width: 11
    px;
    height: 24
    px;
    background - position
:
    -4
    px - 110
    px;
    top: 8
    px;
    left: 12
    px;
}
.
item:hover.zuji
{
    background - position
:
    -36
    px - 110
    px;
}

.
item
span.wdsc,
.
item
span.chongzhi
{
    background:none;
}


.
item:hover,
.
quick_toggle
li:hover
{
    background:#
    ed145b;
}
.
item
p
{
    font - size
:
    12
    px;
    width:16
    px;
    margin:0
    px
    auto;
    padding - bottom
:
    10
    px;
}
.
item,
.
nav - content
{
    font - size
:
    12
    px;
}
.
ibar_login_box
{
    width: 267
    px;
    height: 185
    px;
    padding: 10
    px;
    background: #
    fff;
    box - shadow
:
    0
    0
    5
    px
    rgba(0, 0, 0, .4);
    border - radius
:
    5
    px
    0
    0
    5
    px;
    border - left
:
    1
    px
    solid #ccc\0;
    border - top
:
    1
    px
    solid #ccc\0;
    border - bottom
:
    1
    px
    solid #ccc\0;
    z - index
:
    3;
    position: absolute;
    top: 0
    px;
    left: -270
    px;
    display: none;
}

#shopCart
{
    overflow: hidden;
}
p.cart_num
{
    width: 21
    px;
    height: 21
    px;
    display: block;
    border - radius
:
    50 %;
    background: #
    ED145B
    none
    repeat
    scroll
    0 % 0 %;
    text - align
:
    center;
    line - height
:
    21
    px;
    cursor: pointer;
    color: #
    FFF;
    margin - bottom
:
    10
    px;
}
.
item:hover
p.cart_num
{
    background:#
    FFF;
    color: #
    ED145B
}
/*小图标定位*/

.
quick_toggle
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40
    px;
    background: #
    2
    b2b2b;
    z - index
:
    1;
}
.
item
a,
.
quick_toggle
a
{
    display:block;
    width: 40
    px;
    height: 38
    px;
    cursor: pointer;
    position:relative;
    overflow:hidden;
}
.
quick_toggle
span
{
    position:absolute;
    top:12
    px;
    left:12
    px;
    background: url(..
    /images/i
    bar_sprites.png
)
    no - repeat;
}
.
quick_toggle.kfzx
{
    background - position
:
    0 - 175
    px;
}
.
quick_toggle
li:hover.kfzx
{
    background - position
:
    -33
    px - 175
    px;
}
.
quick_toggle.mpbtn_qrcode
{
    background - position
:
    0 - 302
    px;
    position:absolute;
    top:12
    px;
    left:10
    px;
}
.
quick_toggle.top
{
    background - position
:
    0 - 201
    px;
    position:absolute;
    top:12
    px;
    left:10
    px;
}


/*展开内容项布局*/
.
ia - head - list.num
{
    font - size
:
    16
    px;
    height: 26
    px;
    font - family
:
    arial;
}
.
ia - head - list.pl
{
    width:60
    px;
    border - right
:
    dashed
    1
    px #ccc;
    height: 47
    px;
    margin - top
:
    10
    px;
    margin - left
:
    6
    px;
    text - align
:
    center;
    float: left;
}
.
pl.money
{
    border - right
:
    none;
}
.
ia - head - list
{
    height: 66
    px;
    width: 200
    px;
    background: #
    f3f3f3;
    overflow: hidden;
    zoom: 1;
    margin - top
:
    15
    px;
    color: #
    4
    a4a4a;
}
/*头像*/
.
ibar_login_box.avatar_imgbox
{
    width: 100
    px;
    height: 100
    px;
    border - radius
:
    50 %;
    overflow:hidden;
    float:left;
}
.
status_login.user_info
{
    overflow: hidden;
    color: #
    333;
    padding - top
:
    30
    px;
    line - height
:
    24
    px;
    width: 140
    px;
    float: left;
}
.
ibar_login_box.login_btnbox
{
    width: 200
    px;
    height: 79
    px;
    border - top
:
    1
    px
    dotted #d5d5d5;
    overflow: hidden;
    padding - top
:
    15
    px;
    clear: both;
    margin:0
    px
    auto;
}
.
ibar_login_box.login_btnbox
a
{
    width: 94
    px;
    height: 30
    px;
    line - height
:
    30
    px;
    text - align
:
    center;
    border: 1
    px
    solid;
    color: #
    333;
    text - decoration
:
    none;
    float: left;
    background - position
:
    0 - 408
    px;
    background - repeat
:
    repeat - x;
    border - color
: #e9e9e9;
}


.
mp_tooltip
{
    height: 38
    px;
    line - height
:
    38
    px;
    width: 92
    px;
    position: absolute;
    z - index
:
    2;
    left: -121
    px;
    top: 0;
    background: #
    2
    b2b2b;
    color: #
    d8d8d8;
    text - align
:
    center;
    display: block;
    visibility: hidden;
    font - size
:
    12
    px;
}
.
icon_arrow_white
{
    position: absolute;
    right: -5
    px;
    top: 15
    px;
    width: 5
    px;
    height: 9
    px;
    background:url(..
    /images/i
    bar_sprites.png
)
    no - repeat;
    background - position
:
    0 - 253
    px;
}
.
icon_arrow_right_black
{
    position: absolute;
    right: -5
    px;
    top: 15
    px;
    width: 5
    px;
    height: 9
    px;
    background:url(..
    /images/i
    bar_sprites.png
)
    no - repeat;
    background - position
:
    0
    px - 234
    px;
    overflow: hidden;
}


.
mp_qrcode
{
    padding: 10
    px;
    width: 148
    px;
    height: 150
    px;
    top: -50
    px;
    background: #
    fff;
    box - shadow
:
    0
    0
    5
    px
    rgba(0, 0, 0, .4);
    border - radius
:
    5
    px
    0
    0
    5
    px;
    border: 1
    px
    solid #ccc;
    z - index
:
    3;
    position: absolute;
    left: -154
    px;
    display: none;
}
.
mp_qrcode.icon_arrow_white
{
    top:105
    px;
}
.
nav - content
{
    position: absolute;
    min - height
:
    100 %;
    width: 200
    px;
    background - color
: #fff;
    z - index
:
    99;
    text - align
:
    center;
    right:-165
    px;
    border - radius
:
    5
    px
    0
    0
    5
    px;
    border: 1
    px
    solid #999;
    padding - top
:
    15
    px;
}


.
mp_qrcode
img
{
    width:100 %;
    height: auto;
}


.
am - article - title.blog - title
{
    font - size
:
    24
    px;
    line - height
:
    1.15;
    font - weight
:
    normal;
    margin: 10
    px
    0
    px
    20
    px;
}
.
blog - content
p
{
    margin: 0
    0
    1.6
    rem
    0;
    font - size
:
    14
    px;
}

